﻿<div ng-show="!isLoggedIn">
    <div class="form-inline" style="text-align:right;">
        <input class="form-control" ng-model="username" placeholder="Username" />
        <input class="form-control" ng-model="password" placeholder="Password" />
        <button ng-click="login()" class="btn btn-default">Log In</button>
    </div>
</div>
<div ng-show="isLoggedIn">
    <div class="form-inline" style="text-align:right;">
        <span style="font-family:'Lucida Sans', 'Lucida Sans Regular', 'Lucida Grande', 'Lucida Sans Unicode', Geneva, Verdana, sans-serif; font-size:medium;">{{name}}</span>
        <button ng-click="logout()" class="btn btn-danger">Log Out</button>
        <hr />
    </div>

</div>

<table class="table table-condensed">
    <tr ng-repeat="artist in artistArtArray">
        <td>{{artist.ArtistName}}</td>
        <td style="width:100px; height:auto;" ng-repeat="art in artist.ArtWorks"><img src="{{art.ArtUrl}}" /></td>
    </tr>
</table>


